<template>
  <div class="container">
    <div class="category">
      <HomeCategory/>
    </div>
    <div class="banner">
      <HomeBanner/>     
    </div>
  </div>
  <HomeNew/>
  <HomeHot/>
  <HomeProduct/>

  <!-- 测试面板组件 -->
   <!-- <HomePanel title="新鲜好物" sub-title="新鲜好物 好多商品">

   </HomePanel>
   <HomePanel title="人气推荐" sub-title="人气推荐 好多商品">
    
  </HomePanel> -->
</template>

<script setup>
import HomeBanner from './components/HomeBanner.vue';
import HomeCategory from './components/HomeCategory.vue';
import HomeHot from './components/HomeHot.vue';
import HomeNew from './components/HomeNew.vue';
import HomeProduct from './components/HomeProduct.vue';
import HomePanel from './components/HomePanel.vue';

</script>

<style  scoped lang="scss">
.container {
  display: flex;
  justify-content: space-between;
}
</style>
